import React, { Component } from 'react';
class HelloOne extends Component {
    constructor(props) {
        super(props);

    }
    // state对象的位置可以写在此处，也可以写到constructor中 this.state={}
    state = {
        info: '希望明天解封，我们的心声！！'
    }
    // this指向的问题，this undefined
    // 一种方式 在constructor中 this.changeState = this.changeState.bind(this);
    // 二种方式 onClick={this.changeState.bind(this)
    // 三种方式 
    /*  changeState() {
         this.setState({
             info: '听政府通知！！'
         })
     } */
    changeState = () => {
        console.log(this);
        this.setState({
            info: '听政府通知！！'
        })
    }
    render() {
        return (
            <div>
                <h1>这是我们脚手架中的第一个组件</h1>
                <h2>{this.state.info}</h2>
                <button onClick={this.changeState}>chagnge state</button>
            </div>
        );
    }
}

export default HelloOne;